<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5"
      th:with="title='首页',active='home',open='home'">
    <header th:replace="index/fragments/header::header-bootstrap4(${title},${active},${open})"></header>
    <body class="hold-transition sidebar-mini">
        <div class="wrapper">
            <div th:replace="index/fragments/header::header-body-bootstrap4"></div>

            <!-- Content Wrapper. Contains page content -->
            <div class="content-wrapper">
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <div class="container-fluid">

                    </div>
                </section>

                <section class="content">
                    <div class="container-fluid">
                        <!-- Small boxes (Stat box) -->
                        <div class="row">
                            <div class="col-lg-3 col-6">
                                <!-- small box -->
                                <div class="small-box bg-info">
                                    <div class="inner">
                                        <h3>[[${totalPrice}]]</h3>

                                        <p>总收益</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fa fa-cubes"></i>
                                    </div>
                                    <!--                                    <a href="#" class="small-box-footer">More info <i-->
                                    <!--                                            class="fas fa-arrow-circle-right"></i></a>-->
                                </div>
                            </div>
                            <!-- ./col -->
                            <div class="col-lg-3 col-6">
                                <!-- small box -->
                                <div class="small-box bg-success">
                                    <div class="inner">
                                        <h3>[[${orderNum}]]</h3>

                                        <p>订单数量</p>
                                    </div>
                                    <div class="icon">
                                        <i class="ion ion-home"></i>
                                    </div>
                                    <!--                                    <a href="#" class="small-box-footer">More info <i-->
                                    <!--                                            class="fas fa-arrow-circle-right"></i></a>-->
                                </div>
                            </div>
                            <!-- ./col -->
                            <div  class="col-lg-3 col-6">
                                <!-- small box -->
                                <div class="small-box bg-warning">
                                    <div class="inner">
                                        <h3>[[${agentNum}]]</h3>

                                        <p>代理数量</p>
                                    </div>
                                    <div class="icon">
                                        <i class="ion ion-person-add"></i>
                                    </div>
                                    <!--                                    <a href="#" class="small-box-footer">More info <i-->
                                    <!--                                            class="fas fa-arrow-circle-right"></i></a>-->
                                </div>
                            </div>
                            <!-- ./col -->
                            <div class="col-lg-3 col-6">
                                <!-- small box -->
                                <div class="small-box bg-danger">
                                    <div class="inner">
                                        <h3>[[${userNum}]]</h3>

                                        <p>用户数量</p>
                                    </div>
                                    <div class="icon">
                                        <i class="ion ion-pie-graph"></i>
                                    </div>
                                    <!--                                    <a href="#" class="small-box-footer">More info <i-->
                                    <!--                                            class="fas fa-arrow-circle-right"></i></a>-->
                                </div>
                            </div>
                            <!-- ./col -->
                        </div>
                        <div class="row">
                            <div class="col-lg-3 col-6">
                                <!-- small box -->
                                <div class="small-box bg-info">
                                    <div class="inner">
                                        <h3>[[${monthPrice}]]</h3>

                                        <p>当月收益</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fa fa-cubes"></i>
                                    </div>
                                    <!--                                    <a href="#" class="small-box-footer">More info <i-->
                                    <!--                                            class="fas fa-arrow-circle-right"></i></a>-->
                                </div>
                            </div>
                            <!-- ./col -->
                            <div class="col-lg-3 col-6">
                                <!-- small box -->
                                <div class="small-box bg-success">
                                    <div class="inner">
                                        <h3>[[${monthNum}]]</h3>

                                        <p>当月订单</p>
                                    </div>
                                    <div class="icon">
                                        <i class="ion ion-home"></i>
                                    </div>
                                    <!--                                    <a href="#" class="small-box-footer">More info <i-->
                                    <!--                                            class="fas fa-arrow-circle-right"></i></a>-->
                                </div>
                            </div>
                            <!-- ./col -->
                            <div  class="col-lg-3 col-6">
                                <!-- small box -->
                                <div class="small-box bg-warning">
                                    <div class="inner">
                                        <h3>[[${todayPrice}]]</h3>

                                        <p>今日收益</p>
                                    </div>
                                    <div class="icon">
                                        <i class="ion ion-person-add"></i>
                                    </div>
                                    <!--                                    <a href="#" class="small-box-footer">More info <i-->
                                    <!--                                            class="fas fa-arrow-circle-right"></i></a>-->
                                </div>
                            </div>
                            <!-- ./col -->
                            <div class="col-lg-3 col-6">
                                <!-- small box -->
                                <div class="small-box bg-danger">
                                    <div class="inner">
                                        <h3>[[${todayNum}]]</h3>

                                        <p>今日订单</p>
                                    </div>
                                    <div class="icon">
                                        <i class="ion ion-pie-graph"></i>
                                    </div>
                                    <!--                                    <a href="#" class="small-box-footer">More info <i-->
                                    <!--                                            class="fas fa-arrow-circle-right"></i></a>-->
                                </div>
                            </div>
                            <!-- ./col -->
                        </div>
                        <!-- /.row -->
                        <!-- Main row -->
<!--                        <div class="row">-->
<!--                            &lt;!&ndash; Left col &ndash;&gt;-->
<!--                            <section class="col-lg-7 connectedSortable">-->
<!--                                &lt;!&ndash; Custom tabs (Charts with tabs)&ndash;&gt;-->
<!--                                <div class="card">-->
<!--                                    <div class="card-header">-->
<!--                                        <h3 class="card-title">-->
<!--                                            <i class="fas fa-chart-pie mr-1"></i>-->
<!--                                            数据分析-->
<!--                                        </h3>-->
<!--                                        <div class="card-tools">-->
<!--                                            <ul class="nav nav-pills ml-auto">-->
<!--                                                <li class="nav-item">-->
<!--                                                    <a class="nav-link active" href="#revenue-chart" data-toggle="tab">Area</a>-->
<!--                                                </li>-->
<!--                                                <li class="nav-item">-->
<!--                                                    <a class="nav-link" href="#sales-chart" data-toggle="tab">Donut</a>-->
<!--                                                </li>-->
<!--                                            </ul>-->
<!--                                        </div>-->
<!--                                    </div>&lt;!&ndash; /.card-header &ndash;&gt;-->
<!--                                    <div class="card-body">-->
<!--                                        <div class="tab-content p-0">-->
<!--                                            &lt;!&ndash; Morris chart - Sales &ndash;&gt;-->
<!--                                            <div class="chart tab-pane active" id="revenue-chart"-->
<!--                                                 style="position: relative; height: 300px; width: 100%">-->
<!--                                                <canvas id="revenue-chart-canvas" height="300"-->
<!--                                                        style="height: 300px;"></canvas>-->
<!--                                            </div>-->
<!--                                            <div class="chart tab-pane" id="sales-chart"-->
<!--                                                 style="position: relative; height: 300px; width: 100%">-->
<!--                                                &lt;!&ndash;                                                <canvas id="sales-chart-canvas" height="300"&ndash;&gt;-->
<!--                                                &lt;!&ndash;                                                        style="height: 300px;width: 100%"></canvas>&ndash;&gt;-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>&lt;!&ndash; /.card-body &ndash;&gt;-->
<!--                                </div>-->
<!--                                &lt;!&ndash; /.card &ndash;&gt;-->

<!--                            </section>-->
<!--                            &lt;!&ndash; /.Left col &ndash;&gt;-->
<!--                            &lt;!&ndash; right col (We are only adding the ID to make the widgets sortable)&ndash;&gt;-->
<!--                            <section class="col-lg-5 connectedSortable">-->

<!--                                &lt;!&ndash; Map card &ndash;&gt;-->
<!--                                <div class="card">-->
<!--                                    <div class="card-header">-->
<!--                                        <h3 class="card-title">-->
<!--                                            <i class="ion ion-clipboard mr-1"></i>-->
<!--                                            报警统计-->
<!--                                        </h3>-->

<!--&lt;!&ndash;                                        <div class="card-tools">&ndash;&gt;-->
<!--&lt;!&ndash;                                            <ul class="pagination pagination-sm">&ndash;&gt;-->
<!--&lt;!&ndash;                                                <li class="page-item"><a href="#" class="page-link">&laquo;</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                                                <li class="page-item"><a href="#" class="page-link">1</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                                                &lt;!&ndash;                                                <li class="page-item"><a href="#" class="page-link">2</a></li>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;                                                &lt;!&ndash;                                                <li class="page-item"><a href="#" class="page-link">3</a></li>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;                                                <li class="page-item"><a href="#" class="page-link">&raquo;</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                                            </ul>&ndash;&gt;-->
<!--&lt;!&ndash;                                        </div>&ndash;&gt;-->
<!--                                    </div>-->
<!--                                    &lt;!&ndash; /.card-header &ndash;&gt;-->
<!--                                    <div class="card-body" style="overflow-y: scroll;height: 400px;">-->
<!--                                        <ul class="todo-list" data-widget="todo-list">-->
<!--                                            &lt;!&ndash;                                            <li>&ndash;&gt;-->
<!--                                            &lt;!&ndash;                                                <span class="handle">&ndash;&gt;-->
<!--                                            &lt;!&ndash;                                                  <i class="fas fa-ellipsis-v"></i>&ndash;&gt;-->
<!--                                            &lt;!&ndash;                                                  <i class="fas fa-ellipsis-v"></i>&ndash;&gt;-->
<!--                                            &lt;!&ndash;                                                </span>&ndash;&gt;-->

<!--                                            &lt;!&ndash;                                                <span class="text">芜湖水利局-1号泵房-dev1出现故障</span>&ndash;&gt;-->
<!--                                            &lt;!&ndash;                                                <small class="badge badge-danger"><i class="far fa-clock"></i>2023-06-05 10:57:05</small>&ndash;&gt;-->

<!--                                            &lt;!&ndash;                                            </li>&ndash;&gt;-->
<!--                                            &lt;!&ndash;                                            <li>&ndash;&gt;-->
<!--                                            &lt;!&ndash;                                                <span class="handle">&ndash;&gt;-->
<!--                                            &lt;!&ndash;                                                  <i class="fas fa-ellipsis-v"></i>&ndash;&gt;-->
<!--                                            &lt;!&ndash;                                                  <i class="fas fa-ellipsis-v"></i>&ndash;&gt;-->
<!--                                            &lt;!&ndash;                                                </span>&ndash;&gt;-->

<!--                                            &lt;!&ndash;                                                <span class="text">芜湖水利局-1号泵房-dev2运行异常</span>&ndash;&gt;-->
<!--                                            &lt;!&ndash;                                                <small class="badge badge-success"><i class="far fa-clock"></i>2023-06-02 10:37:05</small>&ndash;&gt;-->

<!--&lt;!&ndash;                                            </li>&ndash;&gt;-->

<!--                                        </ul>-->
<!--                                    </div>-->
<!--                                    &lt;!&ndash; /.card-body &ndash;&gt;-->
<!--                                    <div class="card-footer clearfix">-->
<!--                                        &lt;!&ndash;                                        <button type="button" class="btn btn-primary float-right"><i&ndash;&gt;-->
<!--                                        &lt;!&ndash;                                                class="fas fa-plus"></i> Add item&ndash;&gt;-->
<!--                                        &lt;!&ndash;                                        </button>&ndash;&gt;-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </section>-->
<!--                            &lt;!&ndash; right col &ndash;&gt;-->
<!--                        </div>-->
                        <!-- /.row (main row) -->
                    </div><!-- /.container-fluid -->
                </section>
            </div>
            <!-- /.content-wrapper -->
        </div>
        <!-- ./wrapper -->

        <div th:replace="index/fragments/footer :: footer"></div>
        <script>



        </script>
    </body>
</html>
